@charset "utf-8";
*{
    margin: 0;
    padding: 0;
}
%pab{
    position: absolute;
}
%pre{
    position:  relative;  
}
@mixin tl($left:0,$top:0) {
    left : $left;    
    top : $top;
}
@mixin h-t-l($height) {
    height: $height;
    line-height: $height;
}
$selects : -moz-user-select -webkit-user-select -ms-user-select -khtml-user-select user-select;

%select_none {
    @each $select in $selects{
        #{$select} : none;
    }
}
div.floor-table-box{
    width: 700px;
    margin: 20px auto;
    div.floor-table-item{
        @extend %pre;
        div.floor-table-data{
            @extend %pab;
            @include tl();
            div.f-t-d-b{
                @extend %pab;
            }
        }
        table.floor-table {
            @extend %pab;
            @include tl();
            background-color: darkgrey;
            thead{
                th{
                    height: 50px;
                    width: 100px;
                    cursor: pointer;
                    @extend %select_none;
                    background: none repeat scroll 0 0 #E7F3FE;
                    div{
                        @include h-t-l(50px);
                        width: 100%;
                        overflow: auto;
                    }
                    &.first-th{
                        cursor: default;
                        background-color: white;
                        a{
                            display: none;
                            font-size: 14px;
                            color: gray;
                            text-decoration: none;
                            font-weight: normal;
                        }
                    }
                    &.enter{
                        background-color: #cccccc;
                    }
                    &.click{
                        background-color: pink;
                    }
                }
            }
            tbody{
                tr{
                    td{
                        background-color: white;
                        cursor:crosshair;
                        &:hover{
                            background-image: url(../img/bg-point.png);
                        }
                        &.first-td{
                            width: 50px;
                            height: 100px;
                            text-align: center;
                            cursor: pointer;
                            @extend %select_none;
                            background-color: #E7F3FE;
                            &:hover{
                                background-image: none;
                                background-color: #cccccc;
                            }
                        }
                        &.active{
                            background-image: url(../img/bg-point.png);
                        }
                        &.enter{
                            background-color: #cccccc;
                        }
                        &.click{
                            background-color: pink;
                        }
                    }
                }
            } 
        }
    }
}


div.browser-not-suport{
    width: 400px;
    margin: 0 auto;
    ul{
        &.b-n-s-title{
            @include h-t-l(40px);
            color: #008000;
        }
        &.b-n-s-list{
            border: 1px dashed green;
            padding-bottom: 10px;
            li{
                text-indent: 10px;
                @include h-t-l(26px);
                font-size: 14px;
                a{
                    cursor: pointer;
                    &:hover{
                        color: #9cf;
                    }
                }
            }
            li.b-n-s-recommend{
                text-indent: 4px;
                @include h-t-l(30px);
                background: #9cf;
                font-weight: 700;
                color: white;
                margin-bottom: 10px;
            }
        }
        li{
            list-style: none;
        }
    }
}
